doctype html
html
  head
    //meta(name="viewport").viewport
    title= title
    link(rel='stylesheet', href='/stylesheets/displayDoc2.css')
    script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/jquery-1.11.0.min.js')
    script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/jweixin-1.0.0.js')
    script(src='/javascripts/SJGMediaPlayer.js')
  body
    block content
      div.mask
        //img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/mask.png")#screen_mask.screen_mask
        if (typeFlg == 1 || typeFlg == "1")
          div(onclick="onClickDisplay()").disp_icon.disp_play.display_hide
            img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/MainPlay.png")
          div(onclick="onClickDisplay()").disp_icon_l.disp_replay.display_hide
            img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/replay.png")
          div(onclick="onClickMake()").disp_icon_r.disp_replay.display_hide
            img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/remake.png")
        else
          div(onclick="onClickDisplay()").disp_icon.disp_play.display_hide
            img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/MainPlay.png")
          div(onclick="onClickDisplay()").disp_icon.disp_replay.display_hide
            img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/MainReplay.png")
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/LOGO.png")#logo.logo
      div.mask2.display_hide
        //img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/mask.png")#load_mask.load_mask
        //img(src="/images/ufo.gif")#load_img.load_img
        h1#load_txt.load_txt="媒体加载中..."
        div(onclick="onClickTimeout()")#timeout_div.display_hide
          h1#timeout_txt.timeout_txt="媒体加载超时"
          img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/ok_01.png")#timeout_ok.timeout_ok

      h1#txt.display_hide='Test'

      div(onclick="onMusicClick()")#music_div.music
        span#icon-music.icon-music.music_play

      div#vid_canv_div.video.display_hide
        //video#vid(src='' preload="none" webkit-playsinline width="320px" height="180px")
        canvas#vid_canv

      //img(id='img' src="")
      div#canv_div
        canvas#canv

    script(type='text/javascript').
      var gImgParam = '?imageView2/0/w/960/h/540';
      if ("#{platform}" == "desktop") gImgParam = '?imageView2/0/w/1600/h/900';

      var gPagesJson = !{pagesJsonStr};
      var gMediaPos = #{mediaPos};
      var gMediaFlg = #{mediaFlg};
      var gAPIHOST = '#{api_host}';
      var gIsPortrait = false;
      var gShareIcon ='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/logo60-3X.png';
      var gMyParam = !{myParam};
      var gItbGifSrc = gMyParam.pImg;
      var gWechat = !{wechat};
      var gURL = gWechat.link;
      wx.config({
        debug: false,
        appId: gWechat.appId,
        timestamp: gWechat.timestamp,
        nonceStr: gWechat.nonceStr,
        signature: gWechat.signature,
        jsApiList: [
          //'checkJsApi',
          'onMenuShareTimeline',
          'onMenuShareAppMessage'
        ]
      });
    script(src='/javascripts/SJGMediaPlayer.js')
    script(src='/javascripts/displayDoc2.js')
    script(src='/javascripts/itbgif.js')
